<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			a{
				color: red;
				text-decoration: none;
							}
			a:hover{
				color: green;
			}
		</style>
	</head>
	<body>
		<a name = 'shit'></a>
		
		&nbsp; <!-- 空格 -->
		&lt;
		&gt;
		<del>hahah</del>
		<ins>111</ins>
		h<sub>2</sub>o
		<sup>h</sup>
		<em>pp</em>
		<strong>aa</strong>
		<!-- 
		 
		 文本标签：
		 h1-h6 标题
		 hr 水平线
		 p 段落
		 sub/sup 下标和上标
		 me 倾斜
		 strong 加粗
		 br 换行
		 列表标签：
		 有序列表：
		 <ol>
		 			 <li>香蕉</li>
		 			 <li>橘子</li>
		 			 <li>苹果</li>
		 </ol>
		 无序列表：
		 <ul>
		 	<li>香蕉</li>
		 	<li>橘子</li>
		 	<li>苹果</li>
		 </ul>
		 定义列表：
		 <dl>
		 	<dt>python</dt> 定义
		 	<dd>面向对象语言</dd> 描述
		 </dl>
		 图片标签
		 <img src="" alt="" />
		 超链接标签
		 <a href="www.baidu.com">百度</a>
		 锚点链接
		 <a name = 'shit'></a>
		 <a href="#shit">回到顶部</a>
		 功能链接
		 表格
		 table>tr*4>td*5
		 表单：form
		 音频 audio 
		 视频 vidio
		 
		 -->
		
		 
		 <ol>
			 <li>香蕉</li>
			 <li>橘子</li>
			 <li>苹果</li>
		 </ol>
		 <ul>
		 	<li>香蕉</li>
		 	<li>橘子</li>
		 	<li>苹果</li>
		 </ul>
		 <dl>
		 	<dt>python</dt> <!-- 定义 -->
		 	<dd>面向对象语言</dd> <!-- 描述 -->
		 </dl>
		 <dl>
		 	<dt><img src="" alt="" /></dt> <!-- 定义 -->
		 	<dd>面向对象语言</dd> <!-- 描述 -->
		 </dl>
		 <a href="https://www.baidu.com" target="_blank">百度</a>
		 <a href="#shit">回到顶部</a>
		 <a href="maillto:aaa@qq.com">联系站长</a>
		<table border="2">
			<caption>成绩表</caption>
			<thead>
				<tr>
					<th width = "200"></th>
					<th width = "200"></th>
					<th width = "200"></th>
					<th width = "200"></th>
					<th width = "200"></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td rowspan="2"></td> <!-- 跨行 -->
					<td colspan="3"></td> <!-- 跨列 -->
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
			</tbody>
			<tfoot></tfoot>
		</table>
	</body>
</html>